<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns="">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <link rel="stylesheet" th:href="@{/static/css/home.css}"/>
    <!-- Bootstrap Css -->
    <link th:href="@{/static/css/bootstrap.min.css}" id="bootstrap-style" rel="stylesheet" type="text/css">
    <!-- Icons Css -->
    <link th:href="@{/static/css/icons.min.css}" rel="stylesheet" type="text/css">
    <!-- App Css-->
    <link th:href="@{/static/css/app.min.css}" id="app-style" rel="stylesheet" type="text/css">
</head>
<style>
    a {
        text-decoration: none;
        color: white;
    }

</style>

<body>
<div class="home" id="app" v-loading="loading">

    <div
            style="margin-left: 5px;display: flex;flex-direction: column;background-color: #FFFFFF;"
    >
        <div class="intro-title"
             style=""
        >平台简介
        </div>
<!--        <div class="intro-info"-->
<!--             style=""-->
<!--        >-->

<!--        </div>-->
        <div style="margin-left: 10px;margin-right: 10px;margin-top: 15px">
            <p style="font-size: 30px;color: #666666;line-height: 25px;text-indent: 3em; "> &nbsp;&nbsp;
                欢迎登录后台管理系统！！
        </div>

    </div>
    <div class="main-content" v-loading="loading">
        <div class="page-content" style="margin-top: 1%">
<!--            <div class="container-fluid">-->


<!--                <div class="row">-->
<!--                    <div class="col-xl-3 col-sm-6">-->
<!--                        <div class="card mini-stat bg-primary">-->
<!--                            <div class="card-body mini-stat-img">-->
<!--                                <div class="mini-stat-icon">-->
<!--                                    <i class="mdi mdi-account float-end"></i>-->
<!--                                </div>-->
<!--                                <div class="text-white">-->
<!--                                    <h6 class="text-uppercase mb-3 font-size-16 text-white">用户量</h6>-->
<!--                                    <h2 class="mb-4 text-white">1587</h2>-->
<!--                                    <span class="badge bg-info"> +11% </span> <span-->
<!--                                        class="ms-2">比昨日</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-xl-3 col-sm-6">-->
<!--                        <div class="card mini-stat bg-primary">-->
<!--                            <div class="card-body mini-stat-img">-->
<!--                                <div class="mini-stat-icon">-->
<!--                                    <i class="mdi mdi-account-circle float-end"></i>-->
<!--                                </div>-->
<!--                                <div class="text-white">-->
<!--                                    <h6 class="text-uppercase mb-3 font-size-16 text-white">访问量</h6>-->
<!--                                    <h2 class="mb-4 text-white">46782</h2>-->
<!--                                    <span class="badge bg-danger"> -29% </span> <span-->
<!--                                        class="ms-2">比昨日</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-xl-3 col-sm-6">-->
<!--                        <div class="card mini-stat bg-primary">-->
<!--                            <div class="card-body mini-stat-img">-->
<!--                                <div class="mini-stat-icon">-->
<!--                                    <i class="mdi mdi-clipboard-text float-end"></i>-->
<!--                                </div>-->
<!--                                <div class="text-white">-->
<!--                                    <h6 class="text-uppercase mb-3 font-size-16 text-white">订单量</h6>-->
<!--                                    <h2 class="mb-4 text-white">600</h2>-->
<!--                                    <span class="badge bg-warning"> 0% </span> <span-->
<!--                                        class="ms-2">比昨日</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-xl-3 col-sm-6">-->
<!--                        <div class="card mini-stat bg-primary">-->
<!--                            <div class="card-body mini-stat-img">-->
<!--                                <div class="mini-stat-icon">-->
<!--                                    <i class="mdi mdi-square-inc-cash float-end"></i>-->
<!--                                </div>-->
<!--                                <div class="text-white">-->
<!--                                    <h6 class="text-uppercase mb-3 font-size-16 text-white">收入</h6>-->
<!--                                    <h2 class="mb-4 text-white">1890</h2>-->
<!--                                    <span class="badge bg-info"> +89% </span> <span-->
<!--                                        class="ms-2">比昨日</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash; end row &ndash;&gt;-->

<!--                <div class="row">-->

<!--                    <div class="col-xl-3">-->
<!--                        <div class="card">-->
<!--                            <div class="card-body">-->
<!--                                <h4 class="card-title mb-4">月收入</h4>-->

<!--                                <div class="row text-center mt-4">-->
<!--                                    <div class="col-6">-->
<!--                                        <h5 class="font-size-20">$56241</h5>-->
<!--                                        <p class="text-muted">总支出</p>-->
<!--                                    </div>-->
<!--                                    <div class="col-6">-->
<!--                                        <h5 class="font-size-20">$23651</h5>-->
<!--                                        <p class="text-muted">总收入</p>-->
<!--                                    </div>-->
<!--                                </div>-->

<!--                                <div id="morris-donut-example" class="morris-charts morris-charts-height"-->
<!--                                     dir="ltr"></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->

<!--                    <div class="col-xl-6">-->
<!--                        <div class="card">-->
<!--                            <div class="card-body">-->
<!--                                <h4 class="card-title mb-4">销售额</h4>-->

<!--                                <div class="row text-center mt-4">-->
<!--                                    <div class="col-4">-->
<!--                                        <h5 class="font-size-20">$ 89425</h5>-->
<!--                                        <p class="text-muted">总收入</p>-->
<!--                                    </div>-->
<!--                                    <div class="col-4">-->
<!--                                        <h5 class="font-size-20">$ 56210</h5>-->
<!--                                        <p class="text-muted">总支出</p>-->
<!--                                    </div>-->
<!--                                    <div class="col-4">-->
<!--                                        <h5 class="font-size-20">$ 8974</h5>-->
<!--                                        <p class="text-muted">上月销售额</p>-->
<!--                                    </div>-->
<!--                                </div>-->

<!--                                <div id="morris-area-example" class="morris-charts morris-charts-height"-->
<!--                                     dir="ltr"></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->

<!--                    <div class="col-xl-3">-->
<!--                        <div class="card">-->
<!--                            <div class="card-body">-->
<!--                                <h4 class="card-title mb-4">营业额</h4>-->

<!--                                <div class="row text-center mt-4">-->
<!--                                    <div class="col-6">-->
<!--                                        <h5 class="font-size-20">$ 2548</h5>-->
<!--                                        <p class="text-muted">Marketplace</p>-->
<!--                                    </div>-->
<!--                                    <div class="col-6">-->
<!--                                        <h5 class="font-size-20">$ 6985</h5>-->
<!--                                        <p class="text-muted">Total Income</p>-->
<!--                                    </div>-->
<!--                                </div>-->

<!--                                <div id="morris-bar-stacked" class="morris-charts morris-charts-height" dir="ltr"></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->

<!--                </div>-->


<!--            </div>-->
        </div>


    </div>

    <el-divider/>
</div>
</body>

<script th:src="@{/static/js/jquery.min.js}"></script>
<script th:src="@{/static/js/axios.min.js}"></script>
<script th:src="@{/static/js/request.js}"></script>
<script th:src="@{/static/api/login.js}"></script>
<script th:src="@{/static/js/common.js}"></script>
<script th:src="@{/static/js/vue.min.js}"></script>
<script th:src="@{/static/element/index.js}"></script>
<!-- JAVASCRIPT -->
<script th:src="@{/static/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/static/js/metisMenu.min.js}"></script>
<script th:src="@{/static/js/simplebar.min.js}"></script>
<script th:src="@{/static/js/waves.min.js}"></script>
<script th:src="@{/static/js/jquery.sparkline.min.js}"></script>

<!--Morris Chart-->
<script th:src="@{/static/js/morris.min.js}"></script>
<script th:src="@{/static/js/raphael.min.js}"></script>

<script th:src="@{/static/js/dashboard.init.js}"></script>

<script th:src="@{/static/js/app.js}"></script>

<script>
    new Vue({
        el: '#app',
        data() {
            return {
                loading: false,
                checked: false,
                buttons: [],
            }
        },
        created() {
        },
        methods: {

            parseTreeJson(treeNodes) {
                for (let i = 0; i < treeNodes.length; i++) {
                    if (treeNodes[i].url) {
                        this.buttons.push(treeNodes[i].url);
                    }
                    let child = treeNodes[i].children;
                    if (child && child.length > 0) {
                        this.parseTreeJson(child);
                    }
                }
            }
        }
    })
</script>

</html>
